.mark-card{
  padding-top: 12px;
  &-header{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    &-mark {
      height: 18px;
      width: 4px;
      margin-right: 8px;
      background-color: #fa2c19;
    }
    &-title{
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      font-size: 18px;
      font-weight: bold;
    }
    &-subtitle{
      font-size: 12px;
      padding-left: 12px;
      color: #909090;
    }
    &-link{
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      text{
        font-size: 12px;
        padding-right: 12px;
        color: #909090;
      }
    }
  }

  &-content{
    padding: 10px 16px 12px 16px;
  }
}
